The latest updates on your projects. Learn more about Vercel for Git ↗︎

Open in StackBlitz

npm i https://pkg.pr.new/xiaoluoboding/vue-sonner@125

commit: f0d6add

Could you please send screenshots of the incorrect effect and the expected correct effect?

Because I’m not sure what kind of style error this might cause.

He will cause the animation of the notification to flip over.I reduced the speed of the animation

@CandyACE is this fix solves this issue #133 (comment) ?

Hi, added some context here for lib author

cssnano-default-presets uses many plugins,
and one of them is postcssCalc, which causes this wrong effect in production environment

Also, Nuxt uses cssnano in the production environment

We may need to add a document for Nuxt and cssnano configuration like

export default defineNuxtConfig({
  postcss: {
    plugins: {
      cssnano: {
        preset: ['default', {
          // disable calc optimization
          calc: false,
        }],
      },
    }
  },
})

@CandyACE is this fix solves this issue #133 (comment) ?

It seems to be the same problem. This fix should have resolved it.

@CandyACE is this fix solves this issue #133 (comment) ?

It seems to be the same problem. This fix should have resolved it.

@CandyACE @xiaoluoboding I just updated to version 2.0.2, and the issue persists. So this change doesn't fix it.

@CandyACE is this fix solves this issue #133 (comment) ?

It seems to be the same problem. This fix should have resolved it.

@CandyACE @xiaoluoboding I just updated to version 2.0.2, and the issue persists. So this change doesn't fix it.

I will try it again

@CandyACE is this fix solves this issue #133 (comment) ?

It seems to be the same problem. This fix should have resolved it.

@CandyACE @xiaoluoboding I just updated to version 2.0.2, and the issue persists. So this change doesn't fix it.

I've checked, and the 2.0.2 version doesn't include this fix of mine.